﻿@charset "utf-8";/* CSS Document*//*contain*/

body {
    font-family: "microsoft yahei";
}
.clear{
    clear:both;
}
/*个人中心*/.clearfloat{zoom: 1;}
.personal-top {
    width: 100%;
    background: url(../zy/img_3.jpg) no-repeat center;
    margin: 0 auto;
    background-size: cover;
    position: relative;
    font-size: 12px;
    border-radius: 0;
    /*box-shadow:0 -2px 8px #d5e9e8;*/
    z-index: 1;
}
.top-car { width:100%; padding:50px 0 20px 0;overflow:hidden;}
.portrait { width:80px;height:80px;border-radius:50%; margin:auto;}
.portrait img { width:100%;}
.portrait-text {position:absolute; width:100%;text-align:center;padding:6px; }
.portrait-text h2 { padding:4px; font-size:14px;color:#3db1fa;font-family: "microsoft yahei"; line-height: 18px;}
.portrait-text h2 span {font-size:12px;color:#fff;font-family: "microsoft yahei"}
.portrait-next {margin-top:30px;margin-right:15px; float: right;}
.portrait-next img {width:100%; margin:auto;padding:20px 0;}
.top-text {
    width:99%;
    background-color:rgba(0,0,0,0);
    margin:auto;
    background-size: cover;
    box-shadow: 0 5px 10px rgba(0,0,0,0);
    z-index:2;
    zoom:1;
}
.text-car { width:100%; overflow:hidden;}
.top-text ul {width:100%;float:left;padding-top:6px;padding-bottom:5px;overflow:hidden;}
.top-text ul li {width:24.9%;text-align:center;float:left;color:#ea9518;}
.top-text ul li img { width:40px; height:40px; padding-left:4px;}
.top-text ul li h3 {font-size:12px; font-family: "microsoft yahei"; padding-top:2px;}
.top-text ul li h2 {font-family: "microsoft yahei";font-size: 20px;color: #ea9518;padding: 5px;}
.m_icon_lever { width: 25px;height: 17px;}
.m_icon {vertical-align: middle; display: inline-block; position: relative;}
i.m_icon.m_icon_lever.m_lever0{background-position: 0px 0px;}
.m_lever1{background-position: -25px 0;}
.m_lever2{background-position: -50px 0;}
.m_lever3{background-position: -75px 0;}
.m_lever4{background-position: -105px 0;}
.m_lever5{background-position: 25px;}

.weui_grids{
    width: 99%;
    margin:auto;
    background-color: rgba(0,0,0,0);
    position: relative;
    overflow: hidden;
    margin-top:15px;
    box-shadow: 0 4px 8px rgba(255, 255, 255, .15);
    margin-top: 10%;
    }
.float_2 li{
    width:94%!important;
    margin-top:10px;
    background:none!important;
    border-radius:inherit;
}
.mar_2 li{
    width:50%;
}
.border_1 li{
    border-radius:5px;
    
}
.hai{
    margin: 4px 10px;
}
.top_1{
     line-height: 33px!important;
}
.weui_grid{ position: relative; float: left; padding: 20px 0; width: 33.3%;box-sizing:border-box;}
.weui_grid_label{display: block;text-align: center;color: #555; font-size: 12px;padding-top: 8px; font-family: "microsoft yahei";}
.weui_grid_icon_nav{width: 30px;height: 30px; margin-top: 10px;margin:0 auto;}

.weui_grid_icon img{display: block;width: 100%;height: 100%;}
.weui_grids:after, .weui_grids:before{content: " ";position: absolute;left: 0;top: 0;color: #d9d9d9;}
.weui_grids:before{width: 100%;height: 1px;border-top: 1px solid #d9d9d9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.weui_grid:after, .weui_grid:before{content: " ";position: absolute;color: #d9d9d9;}
.weui_grid:before{right: 0;top: 0;width: 1px;height: 100%;border-right: 1px solid #d9d9d9;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.weui_grid:after{left: 0;bottom: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.icon{font-size:30px;width:30px;text-align:center;}
.icon_1{color:#ff8300;}
.icon_2{color:#f6390f;}
.icon_3{color: #eabc3c;;}
.icon_4{color:#16a5ee;}
.icon_5{color:#ef5843;}
.icon_6{color:#fb9f0e;}
.icon_7{color: #2fc49a;}
.icon_8{color: #fb9f0e;}
.icon_9{color: #1d98e2;}
.icon_10{color:#dd1458;}
.icon_11{color:#f24710;}
.icon_12{color:#13bfee;}
.icon_13{color:#ef5843;}
.icon_14{color:#09e28c;}
.icon_15{color:#4096fb;}
.icon_16{color:#7c18e0;}
.icon_17{color:#ce17d5;}
.icon_18{color:#e2ac15;}
.icon_19{color:#dc165e;}
.icon_12{color:#fa5081;}

/*商品详情*/
.fright{ float:right;}
.mt5{ margin-top:5px;}
#goodsStock{ color: #E1A243;padding: 0 5px;}
.widget .widget_in {overflow: auto;padding: 0;}
.padding0 { padding:0 !important}
.profile-info{ padding:10px;background:#fff;}
.profile-info11{ background:#fff;}
.profile-info h3{ padding:10px 0;}
.list-unstyled li {width:100%;overflow:hidden;}
.profile-info .input-group {margin-top: 0;width: 160px;}
.profile-info .number h3, .profile-info .input-group { float: left; font-size:14px;}
.input-group-btn button {height: 34px;}
.shop_detail{ background:#fff;padding: 10px 10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #AA3E34;}
.sift-commit{position: fixed;bottom: 60px;background: #F8B82F;width:100%;font-size:18px;text-align:center;margin: 10px 0 0 0;}
.sift-commit .btn{float:left;width:50%;line-height:40px;box-sizing:border-box;border-radius: 0;border: 0;color: #FFF;}
.sift-commit .su{background:#f60;color:#fff}
/*购物列表*/
.table-hover {background: #FFFFFF;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;white-space: nowrap;}
.table > thead > tr > th { vertical-align: middle;border-bottom: 2px solid #ddd;}
.widget-head{ padding: 10px 0;line-height: 42px;overflow: hidden;}
.widget-head h4{ padding-top:0px;margin-top: 0;border-bottom: 2px solid #BC9C46;width: auto;color: #BC9C46;padding-bottom: 5px;float: left;}
.widget-body {padding: 10px 10px 10px 10px;}
.widget-body-white{ background:#fff;margin-bottom: 10px;}

/*账户信息*/
 figure{display: block;}
.self-data{ width: 100%; margin-top: 3%; background-color: #fff}
.self-data li{ width: 30%; overflow: hidden; padding: 10px 10px; border-bottom: solid 1px #ccc;background: linear-gradient(0deg,#e87334 30%,#f5aa6b); text-align: center; float: left;
    margin-left: 10px;}
.self-data li div{ display: block; width: 100%;}
.self-data li div *{ float: right;}
.self-data li span{  width: 12px; display: block; margin-left: 10px;}
.self-data li span img{  width: 80%; margin: 80% 0;}
.self-data li p{float: left; font-size: 15px; padding: 2px 0; color: #333; margin-bottom: 0;}
.self-data li figure{ width: 38px; height: 38px; padding-bottom: 0; overflow: hidden;border-radius: 50%;  }
.self-data li figure img{ width: 100%; }
.self-data li small{ font-size: 15px; color: #666; padding: 2px 0;}
.self-data li select{ font-size: 1.25em; color: #666; border: none; background-color: #fff; padding: 1% 0;}
.self-data li a{
    color:#fff;
}


/*支付方式*/
*{margin:0;padding:0;font-family: "宋体", Arial, "新宋体";font-size:15px;list-style:none;} 
.clear{clear:both;height:0;visibility:hidden;}
a{text-decoration:none;cursor:pointer;}
/*a:hover{color:red;text-decoration:underline;}*/
a img{border:0;vertical-align:middle;}
.form-horizontal .control-label {text-align: left;margin-bottom: 5px;}

/*新闻列表、详情*/
.list-notice{height: auto; margin-top:10px;margin-bottom: 10px;}
.list-notice ul {position: relative;padding: 0;margin: 0;list-style: none;background: #fff;}
.list-notice li{position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
.list-notice .item-content{display: flex;}
.list-notice li .item-inner{position: relative; padding-right: 35px; background-image: url(../zy/right.png); background-repeat: no-repeat; background-position: 97% center; background-size: .7rem; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
.list-notice .item-subtitle{position: relative; max-width: 100%; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
.list-notice .item-text{font-size: .55rem; color: #999;}
.list-notice ul:before{position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 15; display: block; width: 100%; height: 2px; content: ''; background-color: #ddd; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0;}
.list-notice .item-inner:after{position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 15; display: block; width: 100%; height: 1px; content: ''; background-color: #e7e7e7; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.page-notice{background-color:#fff;}
.page-notice .article{margin: 10px;}
.page-notice .article-title{padding: 10px; border-bottom: 1px solid #ddd; text-align: center;}
.page-notice .article-title .title{padding-bottom: 10px; font-size: 20px; color: #111;}
.page-notice .article-title .date{font-size: 12px; color: #999; margin-bottom: 0;}
.page-notice .article-content{padding: 10px 0;}
.page-notice .article-content p{line-height: 22px; padding-bottom: 10px; font-size: 14px; color: #000; text-indent: 20px;}

/*奖金明细*/
.input-sm, .form-group-sm .form-control {height: 34px;}
.searchbar{ margin-bottom:10px;}

/*信箱*/

/*奖金钱包*/
.input-group {padding: 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 20px 0 0 0;}
.table-responsive { border:0;}
.table-responsive > .table-bordered {border: 1px solid #ddd;}/*币种转换*/
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ff0000;
    border: none;
    border-bottom: 2px solid #ff0000;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
}
.nav-tabs > li {
    width: 33.33%;
    text-align:center;
}
.nav > li > a {
    padding: 10px 0px;
}
/*下载页*/
.btn-block + .btn-block {
    margin-top:15px;
}
.badge1{ display: inline-block; padding-right:10px;position: relative;top: -1px;text-align: center;
    white-space: nowrap;
    vertical-align: baseline;}

/*支付成功*/
.PaySuccess{position: relative;width: 150px;
    margin: 0 auto;overflow: hidden;}
.PaySuccess img{width: 150px;height: 150px;}
.Paytishi{ font-family: "Microsoft YaHei";text-align: center;}
 .dagou{position: absolute;width: 150px;height: 150px;animation: myfirst 5s;
-moz-animation: myfirst 3s;  /* Firefox */
-webkit-animation: myfirst 3s;  /* Safari 和 Chrome */
-o-animation: myfirst 3s;top: 0;background:#fff;left:0;animation-fill-mode: forwards;}

#btnTransfer {width:100%;line-height:2;border: none; box-shadow: 0 3px 15px #cd726f;}
.info-bar {border: 1px solid #ddd;margin-top:10px;}
.info-bar li { margin:10px 10px 10px 15px;font-size:14px;font-weight:bold;}
.info-bar li span {font-size:14px; font-weight:300;}
.bank-info{  color: #32a49d;}
.money-info {color: #d81e19;}
.login-logo {text-align:center;}
.login-logo img { width:35%;height:auto;margin:15px auto;display: inline-block; }
.item-login {margin-top:20px;}

@keyframes dagou
{
0%   {left: 0;}

100% {left:150px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left: 0;}

100% {left:150px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {left: 0;}

100% {left:150px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left: 0;}

100% {left:150px;}
}

@media screen and (max-width: 374px)
{
    .portrait {width: 70px; height: 70px;}
    .portrait-text {width: 100%;margin-top:10px; padding: 6px;}
    .portrait-text h2 {font-size: 12px;}
    .portrait-text h2 span {font-size: 12px; }
}

/*扫一扫二维码*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
  z-index: 90;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
#modal-form .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
#modal-form .close:hover,
#modal-form .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.img_bg {
    margin: auto;
    width: 30%;
}
.img_bg img {
    width: 100%;
}
/*扫一扫二维码*/
/*----列表----*/
.recharge{background:#fff;}
.return{font-size:25px;color:#eee;}
.return-right{font-size:25px;color:#999;}
.glyphicon-menu-right{font-size:24px;color:#eee;}
.recharge .media-list {padding-left:15px;}
.recharge .media-left {width:40px;height:40px;float:left; padding:0;font-size:18px;color:#fff;text-align:center;line-height:40px;border-radius:30px;background:#32a49d;}
.recharge .media{border-bottom:solid 1px #f5f5f5;position:relative;padding-bottom:10px;height:50px;}
.recharge .media a{display:block;}
.recharge .media h4{font-family:微软雅黑;color:#000;font-size:16px;}
.recharge .media-body{padding-left:10px;}
.recharge .media-body p{width:200px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis; }
.recharge .media-right{position:absolute;top:0;right:15px;font-size:24px;color:#f50;}
.recharge .media-right p{text-align:right; font-size:18px;color:#f50;margin:0;line-height:20px;}
.recharge .media-right span{float:right;}
@media (max-width:400px){
    .recharge .media-body p{width:150px;}
}
@media (max-width:350px){
    .recharge .media-body p{width:110px;}
    .portrait-next{margin-top:20px;}
}
/*----修改密码---*/
.password .btn{width:100%;}
/*----列表详情---*/
.details{padding-left:15px;}
.details li{padding:10px 15px 10px 0;border-bottom:solid 1px #f3f3f3;font-size:14px;color:#333;}
.details li span{font-size:14px;color:#666;float:right;}
.details li .bzhu{float:none;}
.details .li_1 {width:100%;padding:10px 15px 0 0;font-size:16px;color:#000;text-align:center;border:none;}
.details .li_2 {width:100%;padding:10px 15px 20px 0;font-size:24px;color:#000;text-align:center;border:none;}
        /*首页*/
        .interestsMorris{ position:relative;}
        .morris-hover{position: absolute; z-index: 1000;}
        .morris-hover.morris-default-style{border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 2px rgba(230, 230, 230, 0.8); font-family: sans-serif; font-size: 12px; text-align: center;}
        .morris-hover.morris-default-style .morris-hover-row-label{font-weight: bold; margin: 0.25em 0;}
        .morris-hover.morris-default-style .morris-hover-point{white-space: nowrap; margin: 0.1em 0;}
        .scrollbar-rail-default{display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 0px; -webkit-background-clip: padding-box; -moz-border-radius: 0px; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear;}
        .scrollbar-rail-hover{background-color: #eee; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);}
        .scrollbar-default{position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 0px; -webkit-background-clip: padding-box; -moz-border-radius: 0px; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
        .scrollbar-hover{background-color: #999;}
        .in-scrolling.in-scrolling{background-color: #eee; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);}





